﻿<style type="text/css">
    html, body{overflow: hidden}
    .mv-content{margin-top: 0px;background-image: url(../../Images/main_bg.png);background-position: bottom;background-size: 100%;background-color: #2b44dc;position: relative;}
    .mv-login .language{margin-top: 40px;text-align: right;margin-right: 20px;color: #fff;}
    .login{position: absolute;bottom: 150px;right: 50%;margin-right: -25px;font-weight: 600;font-size: 16px;color: #1b08a3;width: 55px;height: 55px;background-color: #fff;border-radius: 50%;text-align: center;line-height: 55px;}
    .registered{position: absolute;bottom: 25px;right: 20px;color: #fff;}
    .registered .reg{display: inline-block;}
</style>
<div class="mv-login">
    <div class="language" v-on:click="myLogin">
        Language
    </div>
    <div class="login" onclick="mview.view.load('/views/user/login.html')">
        {{login}}
    </div>
    <div class="registered">
        <div class="reg" onclick="mview.view.load('/views/user/register_moblie.html')">{{sign}}</div><i class="iconfont icon-xiayibu"></i>
    </div>
</div>
<script type="text/javascript">
    var pagedata = {
        request: {
            method: "VIEW_USER_LOGIN"
        },
        screen: {
            header_display: false,
            footer_display: false
        },
        data: {
            login:'登录',
            sign:'注册'
        },
        methods: {
            myLogin: function () {
                console.log(pagedata)
                if(pagedata.data.login == '登录'){
                    pagedata.data.login = 'Login';
                    pagedata.data.sign  = 'registered';
                }else{
                    pagedata.data.login = '登录';
                    pagedata.data.sign  = '注册';
                }
            }
        }
    };
    mview.view.chlid.init(pagedata);
</script>